<!DOCTYPE html>
<html dir="LTR" lang="en"
      class=" js-font js-icon js flexbox no-touch cssanimations csstransitions video svg placeholder haspointerevents csstransitionend not-ie win chrome chrome72 no-mobile-device win-chrome72"
      style="">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>@yield('title')</title>


    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="msvalidate.01" content="35989B73C210758B4BDF9D542505B7E8">
    <meta name="google-site-verification" content="O-yyHn1YeTPhlZq3GULZ8yVh2WxoZ4i0-A3kdmcR1FU">

    <link href="/css/essentials.min.css" rel="stylesheet" media="all">
    <link href="/css/essentials2.min.css" rel="stylesheet" media="all">
    <link href="/css/essentials3.min.css" rel="stylesheet" media="all">
    <link href="/css/essentials4.min.css" rel="stylesheet" media="all">
    <link href="/css/essentialsAsync.min.css" rel="stylesheet" media="all">
    <link href="/css/slicedFooter.min.css" rel="stylesheet" media="all">
    <link href="/css/headerbob.min.css" rel="stylesheet" media="all">
    <link href="/css/modularPage.min.css" rel="stylesheet" media="all">
    <!-- Font Awesome CSS -->
    <link rel="stylesheet" href="/font-awesome-4.7.0/css/font-awesome.css">

    <link rel="stylesheet" href="/css/home-inline-styles.css">
    <link href="/css/slicedHeader.min.css" rel="stylesheet" media="all">
    <link href="/css/slicedPage.min.css" rel="stylesheet" media="all">
    <link href="/css/slicedFooter.min.css" rel="stylesheet" media="all">
    <link href="/css/headerbob.min.css" rel="stylesheet" media="all">
    <link href="/css/box-client.css" rel="stylesheet">
    <link href="/css/styles-client.css" rel="stylesheet">
    <link href="/css/slice-recomendation.css" type="text/css"
          rel="stylesheet">
    <link href="/css/slice-listing.css" rel="stylesheet">
    <script src="/js/jquery.min.js"></script>


    @if (isMobile())
        <script async="" src="/js/v0.js"></script>
        <style amp-boilerplate="">
            body {
                -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
                -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
                -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
                animation: -amp-start 8s steps(1, end) 0s 1 normal both
            }

            @-webkit-keyframes -amp-start {
                from {
                    visibility: hidden
                }
                to {
                    visibility: visible
                }
            }

            @-moz-keyframes -amp-start {
                from {
                    visibility: hidden
                }
                to {
                    visibility: visible
                }
            }

            @-ms-keyframes -amp-start {
                from {
                    visibility: hidden
                }
                to {
                    visibility: visible
                }
            }

            @-o-keyframes -amp-start {
                from {
                    visibility: hidden
                }
                to {
                    visibility: visible
                }
            }

            @keyframes -amp-start {
                from {
                    visibility: hidden
                }
                to {
                    visibility: visible
                }
            }</style>
        <noscript>
            <style amp-boilerplate>
                body {
                    -webkit-animation: none;
                    -moz-animation: none;
                    -ms-animation: none;
                    animation: none
                }</style>
        </noscript>
        <!-- Sidebar -->
        <!-- https://ampbyexample.com/components/amp-sidebar -->
        <script async="" custom-element="amp-sidebar" src="/js/amp-sidebar-0.1.js"></script>
        <!-- /Sidebar -->
        <!-- Form -->
        <!-- https://ampbyexample.com/components/amp-form -->
        <script async="" custom-element="amp-form" src="/js/amp-form-0.1.js"></script>
        <!-- /Form -->
        <!-- Carousel -->
        <!-- https://ampbyexample.com/components/amp-carousel -->
        <script async="" custom-element="amp-carousel" src="/js/amp-carousel-0.1.js"></script>
        <!-- /Carousel -->
        <link href="/css/css.css">
        <!-- Google Analytics -->
        <!-- https://developers.google.com/analytics/devguides/collection/amp-analytics -->
        <script async="" custom-element="amp-analytics" src="/js/amp-analytics-0.1.js"></script>
        <!-- /Google Analytics -->

        <script async="" custom-element="amp-loader" data-script="amp-loader" i-amphtml-inserted="" crossorigin="anonymous"
                src="/js/amp-loader-0.1.js"></script>
        <script async="" custom-element="amp-auto-lightbox" data-script="amp-auto-lightbox" i-amphtml-inserted=""
                crossorigin="anonymous" src="/js/amp-auto-lightbox-0.1.js"></script>

        <style amp-custom="">

            /*
         * =========================================================================
         * Common styles
         * =========================================================================
         */

            * {
                box-sizing: border-box;
            }

            body {
                font-family: 'Nunito Sans', sans-serif;
                font-weight: 400;
            }

            .container {
                padding: 0 15px;
            }

            /*
         * -----------------------------------------------------------------
         * Header
         * -----------------------------------------------------------------
         */

            #header {
                background: #fff;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .header-logo {
                max-width: 80%;
                margin-top: 4px;
                margin-left: 10px;
            }

            #header-hamburger button {
                background: #fff;
                border: 0; /* To hide native border */
                border-right: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
                padding: 20px;
            }

            #header-hamburger button .icon-bar {
                background: #000;
                display: block;
                height: 2px;
                width: 26px;
            }

            #header-hamburger button .icon-bar + .icon-bar {
                margin-top: 8px;
            }

            #header-brand {
                border-bottom: 1px solid #ddd;
                height: 70px;
                width: calc(100% - 75px * 2);
                display: flex;
                align-items: center;
                justify-content: center;
            }

            #header-cart {
                border: 0;
                border-bottom: 1px solid #ddd;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 70px;
                width: 75px;
                position: relative;
            }

            #cart-count {
                background-color: #777;
                border-radius: 10px;
                color: #fff;
                font-size: 14px;
                font-weight: 700;
                line-height: 1;
                padding: 3px 7px;
                position: absolute;
                top: 6px;
                left: 34px;
            }

            #header-cart a {
                background: white;
                border-radius: 4px;
            }

            /*
         * -----------------------------------------------------------------
         * Breadcrumbs
         * -----------------------------------------------------------------
         */

            #breadcrumbs {
                font-size: 12px;
                padding-left: 0;
                text-transform: uppercase;
            }

            #breadcrumbs li {
                display: inline-block;
            }

            #breadcrumbs li + li:before {
                color: #ccc;
                content: '/\A0';
                padding: 0 5px;
            }

            #breadcrumbs li a {
                color: #484e52;
                text-decoration: none;
            }

            /*
         * -----------------------------------------------------------------
         * Footer
         * -----------------------------------------------------------------
         */

            .footer-title {
                color: #9b9999;
                font-size: 14px;
                text-transform: uppercase;
            }

            .footer-linklist {
                list-style: none;
                padding: 5px 0;
            }

            ul li.footer-linklist-item {
                padding-bottom: 6px;
            }

            .footer-linklist-link {
                color: #788188;
                text-decoration: none;
            }

            #footer-copyright {
                border-top: 1px solid #ddd;
                text-align: center;
            }

            #footer-copyright a {
                color: #788188;
                text-decoration: none;
            }

            #footer-payment-accepted {
                color: #788188;
            }

            /*
         * -----------------------------------------------------------------
         * Sidebar
         * -----------------------------------------------------------------
         */

            #sidebar ul {
                padding: 0 40px;
            }

            #sidebar ul li {
                font-size: 12px;
                font-weight: bold;
                padding: 10px 0;
                text-transform: uppercase;
            }

            #sidebar ul li a {
                color: #000;
                text-decoration: none;
            }

            #header-brand a {
                color: black;
                text-decoration: none;
                font-size: 1.5rem;
            }

            /*
         * =========================================================================
         * Custom styles (for specific pages)
         * =========================================================================
         */

            .home-top-image-text {
                background: -webkit-linear-gradient(#332f2f, #121111);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-align: center;
            }

            .text-center {
                text-align: center;
            }

            .text-right {
                text-align: right;
            }

            .text-left {
                text-align: left;
            }

            .slide {
                position: relative;
            }

            .slide .slide__caption {
                position: absolute;
                top: 56%;
                left: 50%;
                transform: translate(-50%, -50%);
                white-space: nowrap;
                color: rgb(255, 255, 255);
                letter-spacing: 0;
                font-weight: 800;
            }

            .slide .slide__caption .slide__caption-lg {
                font-size: 31px;
                line-height: 31px;
            }

            .slide .slide__caption .slide__caption-sm {
                font-size: 16px;
                line-height: 16px;
            }

            .slide .amp-img-bg img {
                width: auto;
                height: auto;
                max-width: none;
            }

            .slide .amp-img-bg--center img {
                top: 50%;
                left: 50%;
                right: auto;
                bottom: auto;
                transform: translate(-50%, -50%);
            }

            .grid {
                padding: 8px;
            }

            .grid .grid__row {
                width: 100%;
                position: relative;
            }

            .grid .grid__row::after {
                content: "";
                display: table;
                clear: both;
            }

            .grid .grid__item {
                width: 100%;
                float: left;
            }

            .product {
                position: relative;
                margin: 8px;
            }

            .product .product__link {
                outline: none;
                cursor: pointer;
                text-decoration: none;
            }

            .product .product__link--btn {
                display: block;
                padding: 10px;
                margin-bottom: 15px;
                font-size: 26px;
                font-weight: 600;
                line-height: 1.33em;
                color: #fff;
                background-color: #333;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                transition: all 0.4s ease;
            }

            .product .product__title {
            }

            .product .product__content {
                width: 100%;
                position: absolute;
                bottom: 0;
                left: 0;
                padding: 50px;
                text-align: center;
            }

            .product .product__image {
                max-height: 360px;
            }

            @media (min-width: 768px) {
                .grid .grid__item {
                    width: 50%;
                }
            }

            .amp-home-top-image {
                max-height: 450px;
            }

            .collection-card {
                margin-top: 25px;
            }

            .card {
                padding: 1em;
                border: 1px solid #e4e4e4;
                border-top: 0;
                padding-bottom: 12px;
                color: black;
            }

            .card h5 {
                padding: 0px;
                font-size: 0.98rem;
                margin: 0px;
                text-decoration: none;
            }

            .card p {
                margin: 6px 0;
                margin-bottom: 2px;
            }

            .card p a {
                text-decoration: none;
                color: black;
            }

            /*
                 * -----------------------------------------------------------------
                 * Popular products
                 * -----------------------------------------------------------------
                 */

            #popular-products-header {
                color: #484e52;
                font-family: Cuprum, sans-serif;
                text-align: center;
                margin-top: 0px;
            }

            #popular-products-box {
            }

            .products-wrapper {
                margin-top: 25px;
            }

            /*
                 * -----------------------------------------------------------------
                 * Categories
                 * -----------------------------------------------------------------
                 */

            #categories-header {
                color: #484e52;
                font-family: Cuprum, sans-serif;
                text-align: center;
            }

            .shop-now-btn-wrapper {
                text-align: center;
                margin-top: 22px;
                margin-bottom: 22px;
            }

            .shop-now-btn {
                border: none;
                background-color: #222;
                color: #fff;
                padding: 12px 28px;
                border-radius: 7px;
            }

            .top-products-wrapper {
                margin-top: 30px;
            }

            .top-products-wrapper h2 {
                text-align: center;
            }

            .top-products-wrapper .card, .collection-card .card {
                text-align: center;
            }


        </style>
    @endif


<body class="bob ff-body" style="">

@if (isMobile())
    <div>
@else
    <div class="wrapper">
@endif

    @if(isMobile())
        <div id="header">
            <!--logo-->
            <div id="header-brand">
                <a href="/">
                    <img src="{{$logo ?: '/images/logo.png'}}" class="header-logo" alt="">
                </a>
            </div>
            <!--购物车按钮-->
            <div id="header-cart">
                <a href="/cart">
                    <svg id="icon-cart-empty" viewBox="0 0 30 32" width="25" height="25">
                        <path class="path1"
                              d="M27.070 31.996h-24.609c-1.358 0-2.461-1.102-2.461-2.461v-19.688c0-1.358 1.103-2.461 2.461-2.461h4.922v-1.23c0-3.399 2.754-6.152 6.152-6.152h2.461c3.397 0 6.152 2.754 6.152 6.152v1.23h4.922c1.358 0 2.461 1.102 2.461 2.461v19.688c0 1.358-1.102 2.461-2.461 2.461zM19.688 6.156c0-2.039-1.653-3.691-3.691-3.691h-2.461c-2.039 0-3.691 1.653-3.691 3.691v1.23h9.844v-1.23zM27.070 11.078c0-0.68-0.551-1.23-1.23-1.23h-3.691v4.922h-2.461v-4.922h-9.844v4.922h-2.461v-4.922h-3.691c-0.679 0-1.23 0.55-1.23 1.23v17.227c0 0.68 0.551 1.23 1.23 1.23h22.148c0.679 0 1.23-0.551 1.23-1.23v-17.227z"></path>
                    </svg>
                </a>
            </div>
            <!--展开菜单按钮-->
            <div id="header-hamburger">
                <button on="tap:sidebar.toggle">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
        </div>
    @else
        <header class="mainHeader ff-main-header ff-bob">
            <div id="ff-details-drawer">
                <div id="ff-drawer-account" class="field hide">
                    <div class="ff-loading"><img src="/images/loader.gif">
                        <p>Loading...</p></div>
                </div>
                <div id="ff-drawer-wishlist" class="field hide">
                    <div class="ff-loading"><img src="/images/loader.gif">
                        <p>Loading...</p></div>
                </div>
                <div id="ff-drawer-bag" class="field hide">
                    <div class="ff-loading"><img src="/images/loader.gif">
                        <p>Loading...</p></div>
                </div>
            </div>
            <div id="header-top">
                <div class="grd container mt-m-xl mt-s-md mt-s-xs headerTop__container">
                    <div class="hide-on-xs grd-cell bg-content ctr-container">
                    </div>
                    <div class="headerTop__container__Hambnsearch" style="text-align: center; padding: 7px 0px">
                        <a href="/">
                            <img src="{{$logo ?: '/images/logo.png'}}" style="height: 42px;">
                        </a>
                    </div>
                    <ul id="header-tabs-container"
                        class="float-left tabs-gender-wrap line-anime-wrap tst-mnHeader grd-cell bg-content ff-tabs-active"
                        style="text-align: center">
                        <a href="/">
                            <img src="{{$logo ?: '/images/logo.png'}}" style="height: 42px;">
                        </a>
                    </ul>
                    <style>
                        .container.headerTop__container {
                            margin-bottom: 32px;
                        }
                    </style>

                    <!-- header details -->
                </div>
                <!--顶部导航-->
                <div id="header-nav">
                    <div class="container search-container grd unwrap">
                        <div id="ff-menus" class="grd-cell bg-content">
                            <nav id="tab_248" class="ff-nav ff-nav-bg tst-mnNav tst-gender248 ff-tabs-active">
                                <ul class="ff-primary-nav  bob">
                                    @foreach($categories as $category)
                                        <li class=" ff-has-children tst-mnSec">
                                            <a
                                                class="ff-nav-a ff-drag-level condensed letter-spacing uppercase  tst-mnSecTitle"
                                                href="{{action('CollectionController@cat', ['cat' => $category->id])}}"
                                                title="{{$category->name}}"
                                            > <span class="tabs__span">{{$category->name}}</span>
                                            </a>

                                        </li>
                                    @endforeach


                                </ul>
                            </nav>
                        </div>
                        <form class="ff-search grd-cell" role="search" action="/search"><input
                                class="js-searchboxABTest force-ltr" type="search" name="q" title="Search"
                                aria-label="Search" autocorrect="off" autocapitalize="off" autocomplete="off"
                                spellcheck="false" id="ff-searchfield-input" maxlength="200" placeholder="Search"

                                trk="{&quot;tid&quot;:&quot;76&quot;,&quot;val&quot;:&quot;76&quot;}">
                            <div class="ac-no-results-div hide" style="display: none;"></div>
                            <button class="js-searchfield-trigger glyphs icon-search">
                                <svg width="24" height="24" viewBox="0 -1 24 24" xmlns="">
                                    <path
                                        d="M19.757 17.433l-2.787-2.78c.864-1.136 1.374-2.546 1.374-3.995C18.344 6.978 15.36 4 11.672 4 7.982 4 5 6.977 5 10.658c0 3.68 2.983 6.658 6.672 6.658 1.452 0 2.865-.47 4.003-1.37l2.787 2.78c.157.157.392.274.628.274.235 0 .47-.078.628-.274.157-.157.274-.392.274-.627.04-.278-.078-.51-.235-.67zm-8.085-1.958c-2.67 0-4.827-2.154-4.827-4.817 0-2.663 2.158-4.817 4.827-4.817 2.67 0 4.827 2.158 4.827 4.82s-2.16 4.818-4.83 4.818z"
                                        fill="#222" fill-rule="evenodd"></path>
                                </svg>
                            </button>
                        </form>

                    </div> <!-- background nav -->
                    <div class="ff-bg-nav"></div>
                </div>
            </div>
        </header><!-- search float banner -->
    @endif

    <main style="height: auto">
        <section>
            @yield('content')
        </section>
    </main>
    <!--底部-->
    <footer>   <!-- Footer pos module on landing pages -->
        <div class="float-clear col12">
            <style>
                .landing-module.bgcolor-medium-grey {
                    margin-top: -10px
                }

                .module-pos {
                    min-height: 50px;
                    display: -webkit-flex;
                    display: flex;
                    display: -ms-flexbox;
                    align-items: center;
                    -ms-flex-align: center
                }

                @media (max-width: 1024px) {
                    .module-pos.container {
                        padding: 0
                    }
                }

                .module-pos-item {
                    padding: 10px
                }

                .module-pos-icon, .module-pos-icon-footer {
                    font-size: 29px;
                    font-size: 2.9rem;
                    margin-top: -7px
                }

                @media (max-width: 1024px) {
                    .module-pos-icon, .module-pos-icon-footer {
                        clear: both;
                        padding-right: 0;
                        margin-top: 0
                    }
                }

                .module-pos-title, .module-pos-title-footer {
                    margin-top: 5px
                }

                @media (max-width: 1024px) {
                    .module-pos-title, .module-pos-title-footer {
                        font-size: 13px;
                        font-size: 1.3rem;
                        margin-top: 0
                    }
                }

                @media (max-width: 480px) {
                    .module-pos {
                        display: block
                    }

                    .module-pos-item.xs-underline {
                        border-bottom: 1px solid #f5f5f5
                    }

                    .module-pos-item.xs-underline:last-of-type {
                        border-bottom: none
                    }

                    .module-pos-icon {
                        padding-left: 10px
                    }

                    .module-pos-title {
                        margin-top: 5px
                    }
                }

                .module-pos-icon, .module-pos-icon-footer, .module-pos-title, .module-pos-title-footer {
                    display: inline-block;
                    text-align: center
                }

                @media (max-width: 1024px) {
                    .module-pos-icon, .module-pos-title {
                        float: left;
                        position: relative
                    }
                }

                .module-pos-divider, .module-pos-divider-footer {
                    position: absolute;
                    display: block;
                    top: 50%;
                    right: 0;
                    -webkit-transform: translate(0, -50%);
                    -moz-transform: translate(0, -50%);
                    -o-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    min-height: 35px;
                    height: 35px;
                    width: 1px
                }

                .lt-ie9 .module-pos-divider, .lt-ie9 .module-pos-divider-footer {
                    top: 20%
                }

                @media (max-width: 480px) {
                    .module-pos-icon-footer, .module-pos-title-footer {
                        display: block
                    }

                    .module-pos-icon, .module-pos-title {
                        text-align: left
                    }

                    .module-pos-divider {
                        display: none
                    }
                }

                @media (min-width: 1025px) {
                    .container.landing {
                        max-width: 1444px;
                        margin-bottom: -5px
                    }
                }

                @media (max-width: 1024px) {
                    .container.landing {
                        padding: 0
                    }
                }

                footer {
                    padding: 0
                }

                .landing-module-boutique-container {
                    padding: 0 2px 2px
                }

                @media (max-width: 1024px) {
                    .landing-module-boutique-container {
                        padding: 1px
                    }
                }

                .landing-module-boutique-title {
                    padding: 25px 20px 20px
                }

                @media (max-width: 1024px) {
                    .landing-module-boutique-title {
                        padding: 20px
                    }
                }

                @media (max-width: 480px) {
                    .landing-module-boutique-container .module-content {
                        padding: 0 10px;
                        top: 10px
                    }
                }

                @media (max-width: 1024px) {
                    .gender-modules {
                        padding-top: 10px;
                        margin: 10px 0
                    }
                }

                @media (max-width: 480px) {
                    .gender-modules {
                        padding: 0;
                        margin: 0 0 10px
                    }
                }

                @media (max-width: 480px) {
                    .iphone .module__adContainer .ad-slot > div, .iphone .module__adContainer .ad-slot > div > iframe {
                        width: 100vw !important
                    }

                    .ipad .module__adContainer .ad-slot > div, .ipad .module__adContainer .ad-slot > div > iframe {
                        width: 100vw !important
                    }
                }

                @media (min-width: 481px) and (max-width: 767px) {
                    .iphone .module__adContainer .ad-slot > div, .iphone .module__adContainer .ad-slot > div > iframe {
                        width: calc(100vw - 60px) !important
                    }

                    .ipad .module__adContainer .ad-slot > div, .ipad .module__adContainer .ad-slot > div > iframe {
                        width: calc(100vw - 60px) !important
                    }
                }

                @media (min-width: 768px) and (max-width: 1024px) {
                    .iphone .module__adContainer .ad-slot > div, .iphone .module__adContainer .ad-slot > div > iframe {
                        width: calc(50vw - 45px) !important
                    }

                    .ipad .module__adContainer .ad-slot > div, .ipad .module__adContainer .ad-slot > div > iframe {
                        width: calc(50vw - 45px) !important
                    }
                }

                @media (min-width: 1025px) {
                    .ipad .module__adContainer .ad-slot > div, .ipad .module__adContainer .ad-slot > div > iframe {
                        width: calc(33.3vw - 40px) !important
                    }
                }</style>
        </div>
        <section class="footer tst-footer">
            <div class="container">
                <div class="accordion accordion-md js-footerAccordion baseline col12 alpha omega js-accordion">
                    <!-- 1st column -->
                    <div class="baseline col4 col-md-12 col-sm-12 col-xs-12 alpha">
                        <!--<div class="accordion-item"  ><h5-->
                        <!--class="accordion-title pl10">CONNECT</h5>-->
                        <!--</div>-->
                        <!-- End accordion-item-->
                    </div>
                    <!-- 2nd column -->
                    <div class="baseline col2 col-md-12 col-sm-12 col-xs-12 alpha">
                        <div class="accordion-item"><h5
                                class="accordion-title pl10">Company Information
                            </h5>
                            <div class="accordion-content pt10 pl10" style="display: block">
                                <ul class="list-regular color-white">
                                    <li><a href="{{url('/article/about_us')}}">About Us</a>
                                    </li>
                                    <li><a href="{{url('/article/contact_us')}}">Contact Us</a>
                                    </li>
                                    <li><a href="{{url('/article/terms')}}">Terms
                                            and conditions</a>
                                    </li>
                                </ul>
                            </div>
                        </div><!-- End accordion-item-->
                    </div>
                    <!-- 4th column -->
                    <div class="baseline col2 col-md-12 col-sm-12 col-xs-12 alpha">
                        <div class="accordion-item"><h5
                                class="accordion-title pl10">Customer Service
                            </h5>
                            <div class="accordion-content pt10 pl10" style="display: block">
                                <ul class="list-regular color-white">
                                    <li><a rel="nofollow"
                                           href="{{url('/article/payment')}}">Payments
                                            Pricing</a></li>
                                    <li><a rel="nofollow"
                                           href="{{url('/article/refund')}}">Returns &amp;
                                            Refunds</a>
                                    </li>
                                    <li><a href="{{url('/article/return')}}">Returns</a>
                                    </li>
                                    <li><a
                                            href="{{url('/article/shipping')}}">Shipping</a></li>
                                    <li><a href="{{url('/article/faq')}}">FAQ</a></li>
                                    <li><a href="{{url('/article/dmca')}}">Dmca</a></li>
                                </ul>
                            </div>
                        </div><!-- End accordion-item-->
                    </div>
                    <div class="baseline col12 mt30 alpha h6 footerToggle">
                    </div><!-- disclaimer -->
                    <div class="baseline col12 mt30 alpha h6"><span class="footer-disclaimer color-medium-grey">Payments accepted: Paypal, Visa, MasterCard</span>
                    </div>
                    <div class="baseline col12 alpha h6"><span class="footer-disclaimer color-medium-grey">© Copyright 2019 All rights reserved.</span>
                    </div>
                </div><!-- End accordion-->
            </div><!-- End container-->
            <!--支持支付方式logo-->
            <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24"
                 aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title>
                <path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"
                      opacity=".07"></path>
                <path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"
                      fill="#002663"></path>
                <path
                    d="M8.971 10.268l.774 1.876H8.203l.768-1.876zm16.075.078h-2.977v.827h2.929v1.239h-2.923v.922h2.977v.739l2.077-2.245-2.077-2.34-.006.858zm-14.063-2.34h3.995l.887 1.935L16.687 8h10.37l1.078 1.19L29.25 8h4.763l-3.519 3.852 3.483 3.828h-4.834l-1.078-1.19-1.125 1.19H10.03l-.494-1.19H8.406l-.495 1.19H4L7.286 8h3.43l.267.006zm8.663 1.078h-2.239l-1.5 3.536-1.625-3.536H12.06v4.81l-2.06-4.81H8.007l-2.382 5.512H7.18l.494-1.19h2.596l.494 1.19h2.72v-3.935l1.751 3.941h1.19l1.74-3.929v3.93h1.458l.024-5.52zm9.34 2.768l2.531-2.768h-1.822l-1.601 1.726-1.548-1.726h-5.894v5.518h5.81l1.614-1.738 1.548 1.738h1.875l-2.512-2.75z"
                    fill="#FFF"></path>
            </svg>

            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24"
                 viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title
                    id="pi-apple_pay">Apple Pay</title>
                <path fill="#000"
                      d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z"></path>
                <path fill="#FFF"
                      d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875"></path>
                <g>
                    <g>
                        <path fill="#000"
                              d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858"></path>
                        <path fill="#000"
                              d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048"></path>
                    </g>
                    <g>
                        <path fill="#000"
                              d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z"></path>
                        <path fill="#000"
                              d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z"></path>
                        <path fill="#000"
                              d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z"></path>
                    </g>
                </g></svg>

            <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24"
                 aria-labelledby="pi-master"><title id="pi-master">Mastercard</title>
                <path opacity=".07"
                      d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
                <path fill="#fff"
                      d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path>
                <circle fill="#EB001B" cx="15" cy="12" r="7"></circle>
                <circle fill="#F79E1B" cx="23" cy="12" r="7"></circle>
                <path fill="#FF5F00"
                      d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"></path>
            </svg>

            <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img"
                 aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title>
                <path opacity=".07"
                      d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
                <path fill="#fff"
                      d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path>
                <path fill="#003087"
                      d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"></path>
                <path fill="#3086C8"
                      d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"></path>
                <path fill="#012169"
                      d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"></path>
            </svg>

            <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24"
                 aria-labelledby="pi-visa"><title id="pi-visa">Visa</title>
                <path opacity=".07"
                      d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
                <path fill="#fff"
                      d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"></path>
                <path
                    d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z"
                    fill="#142688"></path>
            </svg>

            <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24"
                 aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shopify Pay</title>
                <path
                    d="M35.712 24H2.288A2.279 2.279 0 0 1 0 21.731V2.269A2.279 2.279 0 0 1 2.289 0H35.71A2.279 2.279 0 0 1 38 2.269v19.462A2.279 2.279 0 0 1 35.712 24"
                    fill="#5C6AC4"></path>
                <path
                    d="M35.712 23.5H2.288A1.779 1.779 0 0 1 .5 21.731V2.269A1.78 1.78 0 0 1 2.289.5H35.71a1.78 1.78 0 0 1 1.789 1.769v19.462c0 .973-.797 1.769-1.788 1.769z"
                    fill="none" stroke="#142688" stroke-opacity=".2"></path>
                <path
                    d="M12.892 7.934l-.835-.063-.614-.61a.128.128 0 0 0-.052-.031l-.395 9.12 3.118-.678-1.132-7.654a.1.1 0 0 0-.09-.084zm-2.81-.35v-.108c0-.33-.045-.597-.12-.808.297.037.494.374.62.76-.148.047-.317.1-.5.156zm-.653 3.295s-.346-.185-.77-.185c-.622 0-.653.39-.653.488 0 .537 1.398.742 1.398 2 0 .988-.627 1.625-1.473 1.625-1.014 0-1.534-.632-1.534-.632l.272-.897s.534.457.984.457a.397.397 0 0 0 .413-.4c0-.7-1.148-.731-1.148-1.882 0-.967.695-1.904 2.098-1.904.54 0 .807.155.807.155l-.394 1.175zm-.23-4.52a.3.3 0 0 1 .171.057c-.428.202-.888.71-1.081 1.723l-.817.254c.227-.774.766-2.035 1.727-2.035zm.533 1.276v.058l-1.034.32c.199-.768.572-1.14.898-1.28.082.207.136.503.136.902zm1.487-.402l-.31.095c-.185-.532-.51-1.02-1.085-1.02-.016 0-.032 0-.048.002-.163-.216-.365-.31-.54-.31C7.899 6 7.261 7.671 7.06 8.52l-.935.29c-.29.092-.3.1-.337.374C5.759 9.39 5 15.258 5 15.258l5.855 1.097.395-9.13a.32.32 0 0 0-.031.008zm7.394 4.348c.143.022.286.044.506.044.97 0 1.498-.727 1.498-1.443 0-.65-.43-.914-1.024-.914-.242 0-.43.01-.55.044l-.43 2.269zm-.848-3.36c.462-.11 1.157-.176 1.796-.176.616 0 1.376.11 1.894.518.44.341.694.87.694 1.498a2.71 2.71 0 0 1-.991 2.126c-.573.462-1.4.672-2.225.672-.21 0-.408-.022-.551-.034l-.518 2.688h-1.487l1.388-7.292zm7.715 2.985a1.485 1.485 0 0 0-.385-.044c-.991 0-1.663 1.421-1.663 2.358 0 .517.165.87.573.87.451 0 .969-.562 1.2-1.785l.276-1.399zm-.473 4.308c.01-.309.044-.65.066-1.014h-.034c-.473.837-1.112 1.124-1.674 1.124-.914 0-1.498-.727-1.498-1.796 0-1.762 1.09-3.822 3.646-3.822a5.94 5.94 0 0 1 1.664.253l-.573 2.875c-.132.683-.232 1.73-.22 2.38h-1.377zm4.357-5.247l.242 2.284c.067.54.11.925.132 1.277h.023c.12-.363.231-.705.451-1.289l.926-2.272h1.586l-1.862 3.848c-.66 1.366-1.3 2.368-1.994 3.018-.54.507-1.178.76-1.487.826l-.418-1.289a3.28 3.28 0 0 0 .859-.43 2.6 2.6 0 0 0 .826-.914c.044-.077.055-.143.033-.253l-.843-4.806h1.526z"
                    fill="#fff"></path>
            </svg>
        </section><!-- Knowledge Graph -->
        <!-- End Knowledge Graph --> </footer>

        <!--左侧菜单-->
        <amp-sidebar id="sidebar" layout="nodisplay" side="left"
                     class="i-amphtml-element i-amphtml-layout-nodisplay i-amphtml-overlay i-amphtml-scrollable" hidden=""
                     i-amphtml-layout="nodisplay" role="menu" tabindex="-1">
            @if ($links)
                <ul>
                    @foreach($links as $link)
                        <li>
                            <a href="{{$link->url}}">{{$link->name}}</a>
                        </li>
                    @endforeach
                </ul>
            @else

                <ul>
                    <li>
                        <a href="/">Home</a>
                    </li>
                    @foreach($categories as $category)
                        <li>
                            <a href="{{action('CollectionController@cat', ['cat' => $category->id])}}">{{$category->name}}</a>
                        </li>
                    @endforeach
                </ul>
            @endif

            <button class="i-amphtml-screen-reader" tabindex="-1">Close the sidebar</button>
        </amp-sidebar>

</div>


<style>
    .swiper-wrapper {
        height: fit-content;
    }
</style>


<audio controls="controls" style="display: none;"></audio>
</body>
</html>
